<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
<title>Demo HTML</title>

<link rel="stylesheet/less" href="public/css/style.less" />
<link rel="stylesheet" href="public/css/font-awesome.css"/>
<link rel="stylesheet" href="public/css/jquery.fanmenu.css"/>
<script src="public/js/less-1.5.0.min.js"></script>
<script src="public/js/jquery-1.11.0.min.js"></script>
<script src="public/js/jquery.fanmenu.js"></script>
</head>
<body>
<header>
  <a href="#" class="btn-back">
    <i class="fa fa-angle-left"></i>
  </a>

  <h2>资讯活动</h2>
</header>
<section class="section-pb">
  <div class="news-category">
    <a href="#">缤纷活动</a>
    <a href="#">项目动态</a>
  </div>

  <div class="news-list">
        <div class="news-item">
          <a href="news-show.html" class="pic">
            <img src="public/images/news-1.png" alt="">
            <span class="bg"></span>
            <h1>紫金文化品鉴会6月5日完满落幕</h1>
          </a>
          <div class="info">
            <h2><a href="news-show.html">记录下大不列颠这座神奇岛屿无与伦比的海岸...</a></h2>
            <p class="cc">
              <cite>发布于：2014-04-18</cite>
              <a href="news-show.html" class="news-show">查看全文>></a>
            </p>
          </div>
          
        </div>

        
      </div>
</section>
<footer>
  <p>&copy; 金红紫英房地产   TEL：0573-82956666</p>
  
</footer>
<div id='path-menu' class="fm_wrap" >
  <a class="fm_btntoggle" href="#" title="Toggle"><i>+</i></a>
  <ul class="fm_list">
      <li><a href="#"><i class="fa fa-home"></i></a></li>
      <li><a href="#"><i class="fa fa-gift"></i></a></li>
      <li><a href="#"><i class="fa fa-phone"></i></a></li>
      <li><a href="#"><i class="fa fa-map-marker"></i></a></li>
  </ul>
</div>

<script type="text/javascript">
  $(function(){

    $('.drop-down h2 a').click(function(){
      var ele = $(this);
      if(ele.hasClass('down')){
        ele.parent().parent().find('.content').slideDown();
        ele.removeClass('down');
        ele.addClass('up');
        ele.html('-')
      }else{
        ele.parent().parent().find('.content').slideUp();
        ele.removeClass('up');
        ele.addClass('down');
        ele.html('+')
      }

      return false;
    })

    $("#path-menu").fanmenu({
        'initAngle':-5,
        'angleDisplay' : 90,
        'radius':100,
        'hideOnClick':true
    });

  })
</script>

</body>
</html>